.jtyw-container{
    ul li>div{
        position: relative;
        img{
            position: absolute;
            width: 100%;
            height: 100%;
        }
    } 
    text-align: center;
}

ul.jtyw-items{
    // display: -ms-flexbox;
    // display: flex;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    &>li{
        flex: none;
        -ms-flex: none;
        width: 200px;
        height: 400px;
        background: #eee;
        float: left;
        margin-left: 5px;
        margin-right: 5px;
        &>a{
            display: block;
            text-decoration: none;
            position: relative;
            cursor: pointer;
            &>.jtyw-item-img{
                height: 360px;
                &>img{
                    width: 200px !important;
                    height:360px !important;
                }
            }
            &>.jtyw-item-title{
                height: 40px;
                line-height: 40px;
                background: #111;
                text-align: center;
                color: #fff;
            }
            &>.jtyw-item-indexpro-bg {
                display: block;
                width: 100%;
                // height: 100%;
                border: 6px solid #00a0e9;
                border-bottom: 0;
                background: rgba(29,32,129,0.6);
                position: absolute;
                top: 60px;
                left: 0;
                -webkit-transition: all .3s;
                transition: all .3s;
                text-align: center;
                opacity: 0;
                filter: alpha(opacity=0);
                word-break: break-all;
                font-size: 30px;
                color: #fff;
                line-height: 300px;
                &:after {
                    content: '';
                    position: absolute;
                    bottom: 0;
                    left: 50%;
                    margin-left: -14px;
                    width: 0;
                    height: 0;
                    border: 14px solid transparent;
                    border-bottom: 14px solid #00a0e9;
                }
            }
            &:hover{
                &>.jtyw-item-indexpro-bg {
                    top: 0;
                    opacity: 1;
                    filter: alpha(opacity=100);
                    bottom:40px;
                }
                &>.jtyw-item-title{
                    background: #00a0e9;
                    word-spacing: 3px;
                }
            }
        }
    }
    &::after{
        content: '';
        display: table;
        clear: both;
    }
}